/* stylelint-disable selector-class-pattern */
@include b('crm-page') {
  // .el-tabs__header {
  //   display: none;
  // }

  .el-tabs{
    --el-tabs-header-height:30px;
  }

  .el-tabs__content {
    background-color: getCssVar(view, bg-color);
    border: 1px solid #d7e2ed;
    border-radius: 6px;
    box-shadow: 0 3px 4px 0 #00000008;

  }

  .el-tabs__nav-wrap::after {
    content: none;
  }

  .el-tabs__active-bar {
    top: 4px;
    bottom: 4px;
    z-index: -1;
    height: auto;
    background-color: rgb(239 247 255);
    border: 1px solid #87c8f3;
    border-radius: 30px;
    opacity: 0.6;
  }

  .el-tabs__nav {
    padding: 4px;  
    background: #fff;
    border: 1px solid #e2e7ee;
    border-radius: 30px;
  }

  .el-tabs__item {
    padding: 0 2px;
    border-radius: 30px;
    
    &.is-active{
      color: #202123;
    }

    &:hover:not(.is-active){
      background-color: #f2f4ff;
    }

    &::after,
    &::before {
      width: 17px;
      height: 100%;
      content: '';
    }
  }
}

@include b('crm-page-toolbar') {
  display: flex;
  align-items: center;
  padding: 3px 7px 4px 3px;
  background-color: getCssVar(view, bg-color);
  border-radius: 20px;
}

@include b('crm-page-content') {
  margin-top: 15px;
}
